export interface SSGConfig {
  [prop: string]: ConfigItem
}
export interface ConfigItem {
  folderName: string;   // 映射路径
  port: number;   // 部署端口
  github: string;
  gitee: string;
  "root-style": { // 根样式
    "--vp-c-brand": string;   // 导航栏悬浮颜色
    "--vp-home-hero-name-color": string;        // 首页标题文字颜色
    "--vp-home-hero-name-background": string;   // 首页标题背景颜色
    "--vp-button-brand-bg": string;   // 首页按钮背景颜色
  },
  "nav-style": {
    "font-size": string;
  },
  "img-style": {
    width: string;
    height: string;
  },
  hero: {
    name: string,
    "name-style": {
      "font-size": string
    },
    text: string,
    "text-style": {
      "font-size": string
    },
    tagline: string,
    actions: {
      theme: string,
      text: string,
      link: string
    }[]
  },
  features: {
    icon: string,
    title: string,
    details: string
  }[],
  sliders?: {
    [prop: string]: {
      en: string,    // 对应路径
      title?: string,
      start?: string,
      end?: string,
      sliderName?: string,
      unFolder?: boolean,   //  docs 内部无目录，只有文件
    }
  },
  slider?: {
    en: string,    // 对应路径
    title?: string,
    start?: string,
    end?: string,
    sliderName?: string,
    unFolder?: boolean,   //  docs 内部无目录，只有文件
  },
  footer?: {
    message: string,
    copyright: string,
  },
  "other-nav": {
    [prop: string]: string | {
      text: string,
      link: string
    }[]
  }
}

export default {
  "TS-Note": {
    "folderName": "04------------------ TS -----------------",
    "port": 8088,
    "github": "",
    "gitee": "",
    "root-style": {
      "--vp-c-brand": "#646cff",
      "--vp-home-hero-name-color": "transparent",
      "--vp-home-hero-name-background": "-webkit-linear-gradient(120deg, #bd34fe, #41d1ff)",
      "--vp-button-brand-bg": "#747bff",
    },
    "nav-style": {
      "font-size": "14px"
    },
    "img-style": {
      "width": "300px",
      "height": "300px"
    },
    "hero": {
      "name": "TypeScript",
      "name-style": {
        "font-size": "58px"
      },
      "text": "Vite & Vue powered",
      "text-style": {
        "font-size": "48px"
      },
      "tagline": "比较全面的 TS 文档",
      "actions": [
        {
          "theme": "brand",
          "text": "开始学习",
          "link": "/base/"
        },
        {
          "theme": "alt",
          "text": "在Gitee中查看",
          "link": "https://gitee.com/ma_zipeng/TS-Note"
        }
      ]
    },
    "features": [
      {
        "icon": "⚡️",
        "title": "Simple",
        "details": "简单的案例了解。"
      },
      {
        "icon": "🖖",
        "title": "Comprehensive",
        "details": "全面覆盖 TS 内容。"
      },
      {
        "icon": "🛠️",
        "title": "Efficient",
        "details": "高效率学习和查找。"
      }
    ],
    "sliders": {
      "1-TS基础语法": {
        "en": "base",
        "title": "基础语法",
        "start": "TS基础语法学习🎉, 需要了解的有:",
        "end": "学完基础再看高级编程哦，不要忘记复习😀😀😀"
      },
      "2-TS高级编程": {
        "en": "advanced",
        "title": "高级编程",
        "start": "TS 高级编程学习 🎉, 需要了解的有:",
        "end": "学以致用，不要忘记复习哦 😀😀😀"
      },
      "3-声明文件": {
        "en": "config",
        "title": "配置文件及CLI命令",
        "start": "TS 配置文件属性大全以及CLI命令使用, 需要了解的有:",
        "end": "了解即可，忘记了回来翻😎"
      },
      "4-配置文件": {
        "en": "declaration",
        "title": "声明文件",
        "start": "TS 关于声明文件的创建和使用, 需要了解的有:",
        "end": "了解即可，使用的时候在进行查看😎"
      },
      "5-版本更新": {
        "en": "update",
        "title": "版本更新",
        "start": "版本从 4.7 开始的每一次更迭情况简述:",
        "end": "建议定时进行查看😎"
      }
    },
    "other-nav": {
      "TS官网链接🚩": "https://www.typescriptlang.org/docs/",
      "技术支持✨": [
        { "text": "VitePress", "link": "https://vitepress.vuejs.org/" },
        { "text": "Vite", "link": "https://vitejs.dev/" },
        { "text": "Vue3", "link": "https://staging-cn.vuejs.org/" }
      ]
    }
  },
  // "Frontend-Interview": {
  //   "folderName": "00----------------- 前端 ---------------/4-前端面试",
  //   "port": 5052,
  //   "github": "",
  //   "gitee": "",
  //   "root-style": {
  //     "--vp-c-brand": "#646cff",
  //     "--vp-c-brand-light": "#747bff",
  //     "--vp-home-hero-name-color": "transparent",
  //     "--vp-home-hero-name-background": "-webkit-linear-gradient(120deg, #bd34fe, #41d1ff)",
  //     "--vp-button-brand-bg": "#747bff",
  //     "--vp-c-brand-lighter": "#41d1ff"
  //   },
  //   "nav-style": {
  //     "font-size": "14px"
  //   },
  //   "img-style": {
  //     "width": "300px",
  //     "height": "300px"
  //   },
  //   "hero": {
  //     "name": "Frontend-Interview",
  //     "name-style": {
  //       "font-size": "58px"
  //     },
  //     "text": "Vite & Vue powered",
  //     "text-style": {
  //       "font-size": "48px"
  //     },
  //     "tagline": "前端最全面的面试题，持续收录中...",
  //     "actions": [
  //       {
  //         "theme": "brand",
  //         "text": "开始学习",
  //         "link": "/base/"
  //       }
  //     ]
  //   },
  //   "features": [
  //     {
  //       "icon": "⚡️",
  //       "title": "Simple",
  //       "details": "简单的案例了解。"
  //     },
  //     {
  //       "icon": "🖖",
  //       "title": "Comprehensive",
  //       "details": "全面覆盖前端内容。"
  //     },
  //     {
  //       "icon": "🛠️",
  //       "title": "Efficient",
  //       "details": "高效率学习和查找。"
  //     }
  //   ],
  //   "sliders": {
  //     "en": "front-end",
  //     "title": "前端面试题",
  //     "start": "前端面试题🎉, 需要了解的有:",
  //     "unFolder": "true",
  //     "sliderName": "前端面试题"
  //   },
  //   "other-nav": {
  //     "技术支持✨": [
  //       { "text": "VitePress", "link": "https://vitepress.vuejs.org/" },
  //       { "text": "Vite", "link": "https://vitejs.dev/" },
  //       { "text": "Vue3", "link": "https://staging-cn.vuejs.org/" }
  //     ]
  //   }
  // }
} as SSGConfig
